{% style %}
  .footer-gradient {
    display: none !important;
    background: transparent !important;
  } 
  /* .site-footer.dark {
    background: transparent !important;
  } */
{% endstyle %}
<div class="background-gradual-wrap as-background-wrap position-absolute w-100 h-100">
  <div class="position-absolute gradient-1 rounded-pill"></div>
  <div class="position-absolute gradient-2 rounded-pill"></div>
  <div class="position-absolute gradient-3 rounded-pill"></div>
</div>

{% schema %}
{
  "name": "background-gradual-change",
  "tag": "section",
  "class": "background-gradual as-background-gradual position-absolute top-0 w-100 overflow-hidden",
  "presets": [
    {
      "name": "Background Gradual"
    }
  ]
}
{% endschema %}
